<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<link rel="stylesheet" href="${basePath}/static/plugins/datepicker/bootstrap-datetimepicker.css">
<link rel="stylesheet" href="${basePath}/static/plugins/datatables/dataTables.bootstrap.css">

<section class="content-header">
	<ol class="breadcrumb">
		<li><i class="fa fa-dashboard"></i>后台管理</li>
		<li class="active">模板类型管理</li>
	</ol>
</section>
<div class="content">
	<div class="panel panel-info">
		<div class="panel-heading">模板查询</div>
	  	<div class="panel-body">
			<!-- 查询列表  start-->
			<form id="templateSearchForm">
		    	<div class="row" role="form">
				  	<div class="form-group form-inline col-sm-12 text-center">
				    	<label for="subActor">模板类型:</label>
				    	<input type="text" class="form-control" name="typeName" style="width:160px;margin-right:20px;" placeholder="输入模板类型名称">
				    	<label for="subActor">是否提醒:</label>
				    	<select class="form-control" name="disable" style="width:100px;margin-right:20px;">
				    		<option value="">全部</option>
				    		<option value="1">是</option>
				    		<option value="0">否</option>
				    	</select>
				    	<!-- <input type="text" class="form-control" name="name" style="width:160px;margin-right:20px;" placeholder="输入模板类型名称"> -->
					  	<button type="button" class="btn btn-info" style="width: 120px;margin-right:20px;" id="searchType">查   询</button>
					  	<!-- <button type="button" class="btn btn-success" style="width: 120px;" id="addType">添   加</button> -->
				  	</div>
				  	<!-- <div class="form-group form-inline col-sm-4 text-left">
				  	</div>
				  	<div class="col-sm-2 text-left" >
				  	</div> -->
			  	</div>
			</form>
			<!-- 查询列表  end -->
			<br>
			<div class="toolBar" style="margin: 5px;">
				<button type="button" id="typeAdd" class="btn btn-success btn-xs add-type"
					style="width: 80px;">新&nbsp;&nbsp;增</button>
				<button type="button" id="typeDel" class="btn btn-danger btn-xs"
					style="width: 80px;">删&nbsp;&nbsp;除</button>
			</div>
			<!-- 日志表格内容 start-->
			<table id="template_grid" class="table table-bordered table-hover text-center">
			    <thead>
			    	<tr>
				    	<th style="padding-right:5px;"><input type="checkbox" name="checkAll" id="typeCheckAll"></th>
				    	<th>序号</th>
				    	<th>模板类型名称</th>
				    	<th>模板简介</th>
						<th>是否启用提醒</th>
						<th>操作</th>
				    </tr>
			    </thead>
			</table>
			<!-- 日志表格内容 end -->
	  	</div>
	</div>
</div>
<div class="modal fade" id="type_modal" tabindex="-1" role="dialog">
		<form id="type_from">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-body  no-padding">
						<div class="box box-primary">
							<div class="box-header with-border">
								<h3 class="box-title"><span id="editType">新增</span>模板类型</h3>
							</div>
							
							<div class="box-body">
								<input type="hidden" name="id">
								<div class="form-group">
									<label for="typeName">类型名称</label> 
									<input type="text" class="form-control" name="typeName" placeholder="请输入类型名称">
								</div>
								<div class="form-group">
									<label for="descript">类型描述</label> 
									<input type="text" class="form-control" name="descript"	placeholder="请输入类型描述">
								</div>
								<div class="form-group">
									<label for="remindDate">提醒日期</label> 
									<input type="text" class="form-control" name="remindDate" id="remindDate" placeholder="提醒日期，员工生日可不填">
								</div>
								<div class="form-group">
									<label for="disabled">是否启用</label> 
									<input type="checkbox" name="disabled" value="1">
								</div>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						<button type="submit" class="btn btn-primary">保存</button>
					</div>
				</div>
			</div>
		</form>
	</div>
<script src="${basePath}/static/plugins/datepicker/bootstrap-datetimepicker.js"></script>
<script src="${basePath}/static/plugins/datepicker/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${basePath}/static/plugins/datatables/jquery.dataTables.js"></script>
<script src="${basePath}/static/plugins/datatables/dataTables.bootstrap.js"></script>
<script type="text/javascript" src="${basePath}/static/plugins/jquery.validate/jquery.validate.min.js"></script>
<script src="${basePath}/static/adminLTE/js/human/type.js"></script>

